<!DOCTYPE html>
<html ng-app="ceshi1"><!--模块名称-->
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap-3.0.0/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/less.css">
	<script type="text/javascript" src="framework/1.3.0.14/angular.js"></script>
	<script type="text/javascript" src="framework/1.3.0.14/angular-route.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/directive.js
    "></script>
</head>
<body>
<div ng-controller="userceshi1">
	<!--hello angular-->
	<div class="hellanglular" ng-init="hello"><!-- ng-init 初始化数据是的指令 -->
		{{hellanglular.text}} 
	</div>
	<div class="panel panel-primary">
	 	<div class="panel-heading">
	 		<div class="panel-title">双向数据绑定</div>
	 	</div>
	 	<div class="panel-body">
	 		<div class="row">
	 			<div class="col-md-12">
	 				<form class="form-horizontal" role="form"><!--ng-controller="userceshi1" 控制器-->
	 					<div class="form-group">
	 						<label class="col-md-2 control-label">
	 							邮箱:
	 						</label>
							<div class="col-md-10">
								<input type="text" class="form-control" ng-model="ceshiinfo.email">
							</div>
	 					</div>
	 					<div class="form-group">
	 						<label class="col-md-2 control-label">
	 							密码：
	 						</label>
							<div class="col-md-10">
								<input type="password" class="form-control" ng-model="ceshiinfo.password">
							</div>
	 					</div>
	 					<div class="form-group">
	 						 
							<div class="col-md-offset-2 col-md-10">
								<div class="checkbox">
									<lable>
										<input type="checkbox" ng-model="ceshiinfo.checkautologin">自动登录
									</lable>
								</div>
							</div>
	 					</div>
	 					<div class="form-group">
	 						 <div class="col-md-offset-2 col-md-10">
	 						 	<button class="btn btn-default" ng-click="clicktog()" type="button">获取form表单值</button>
	 						 	<button class="btn btn-default" ng-click="clickxiugai()" type="button">设置form表单值</button>
	 						 	<button class="btn btn-default" ng-click="clickset()" type="button">重置表单</button>
	 						 </div>
	 					</div>
	 				</form>
	 			</div>
	 		</div>
	 	</div>
	 </div>
	<div class="styleset-1">
	 	<div>
	 		<p class="text-{{color}}">样式修改</p>
	 		<button class="btn btn-default" ng-click="styleset()">BLACK</button>
	 	</div>
	</div>
	<div class="style-show-hide">
		<button class="btn btn-default" ng-click="clicktoggle()">切换</button>
		<ul ng-show="shHide.show">
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
		</ul>
	</div>
</div>

<!--指令-->
<div class="zhilingceshi">
	A属性 E元素 M注释 C 类class
	<div hello></div>			<!--directive A的选择-->
	<hello></hello>				<!--directive E的选择-->
	<!-- hello -->  			<!--directive E的选择-->
	<div></div>
	<div class="hello"></div>   <!--directive C的选择-->
</div>
<!--指令与控制器之间的交互-->
<div ng-controller="zhiling1" class="zljiaohu"><laoder zloader='loadDate1()'>加载数据1</laoder><br></div>
<div ng-controller="zhiling2" class="zljiaohu"><laoder zloader='loadDate2()'>加载数据2</laoder><br></div>
<div ng-controller="zhiling3" class="zljiaohu"><laoder zloader='loadDate3()'>加载数据3</laoder><br></div>
<div ng-controller="zhiling4" class="zljiaohu"><laoder zloader='loadDate4()'>加载数据4</laoder><br></div>
<!-- angularJS From表单 -->
<form ng-submit="save()" ng-controller="testFromModul">
	<input type="text" name='userName' ng-model='user.userName' required> <!--angularJS 校验 -->
	<input type="password" name='password' ng-model='password' required>  <!--angularJS 校验 -->
	<input type="submit" ng-disabled="myFrom.$invalid"><!--校验结果可用不可用 按钮可点不可点-->
</form>
<!-- 自定义指令 -->
<!-- Expander指令 -->
<div ng-controller="expander">
	<expander class='expander' expander-title='title'>
		{{text}}
	</expander>
</div>





</body>
</html>